﻿@model MvcHeatloss.Models.Room

@{
    ViewBag.Title = "Index";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<section class="group5">
   <h3>Radiator Categories</h3>
   <ul>
    <li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Vertical Radiators</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Horizontal Radiators</a></li>
    <li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Column Radiators</a></li>
    <li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Heated Towel Rails</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Stainless steel Radiators</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Panel Radiators</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Radiator Valves</a></li>
    </ul>
	</section>

    <Legend>
    <h2>Index</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Room</legend>


        <div class="editor-label">
            @Html.LabelFor(model => model.Measurement)
        </div>
        <div class="editor-field">
            @Html.DropDownList("Measurements")
            @Html.ValidationMessageFor(model => model.Measurement)
        </div>
        <div class="editor-label">
            I want a very detailed Heatloss Calculation
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Advanced)
            @Html.ValidationMessageFor(model => model.Advanced)
        </div>
         <div class="editor-label">
            I want to use my own U-Vales
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.MyUValues)
            @Html.ValidationMessageFor(model => model.MyUValues)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.AirMovements)
        </div>
        <div class="editor-field">
            @Html.DropDownList("AirChanges")
            @Html.ValidationMessageFor(model => model.AirMovements)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.TemperatureDifference)
        </div>
        <div class="editor-field">
            @Html.DropDownList("TemperatureDifference")
            @Html.ValidationMessageFor(model => model.TemperatureDifference)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Height)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Height)
            @Html.ValidationMessageFor(model => model.Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Length)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Length)
            @Html.ValidationMessageFor(model => model.Length)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.Width)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Width)
            @Html.ValidationMessageFor(model => model.Width)
        </div>
        
        <div class="editor-label">
            @Html.LabelFor(model => model.NoOfWalls)
        </div>
        <div class="editor-field">
            @Html.DropDownList("NoOfWalls")
            @Html.ValidationMessageFor(model => model.NoOfWalls)
        </div>

        <p>
            <input type="submit" value="Calculate" />
        </p>
    </fieldset>
}
</Legend>

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
